<!DOCTYPE html>
<html>
<head lang="en">
    <base href="${request.contextPath}/"/>
    <meta charset="UTF-8">
    <#import "/spring.ftl" as spring>
    <title><@spring.message code="login.tip"/></title>
    <link rel="shortcut icon" href="${request.contextPath}/favicon.ico" type="image/x-icon" />
    <link href="${request.contextPath}/zhny/css/reset.css" rel="stylesheet" type="text/css">
    <link href="${request.contextPath}/zhny/css/jianCeShuJu.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="${request.contextPath}/zhny/js/echarts.js"></script>

    <script src="${request.contextPath}/zhny/js/jquery.min.js"></script>
    <!--字体缩放js-->
    <script src="${request.contextPath}/zhny/js/js-style.js"></script>
    <!--end字体缩放js-->
    <!--动态特效-->
    <link href="${request.contextPath}/zhny/css/style.css" rel="stylesheet" type="text/css" />

</head>
<body >


<!--top-->

<header class="header">
    <div class="header_box clearfix">
        <div class="header_box_l">
            <p>hello，<@spring.message code="index.wel"/></p>
        </div>
        <div class="header_box_c">
            <div class="masked"><@spring.message code="login.tip"/></div>
        </div>
        <div class="header_box_r ">
            <a href="${request.contextPath}/sy/nydsj/nydsjnew.html?locale=zh_CN" target="_self">中文版</a>
            <a href="${request.contextPath}/sy/nydsj/nydsjnew.html?locale=en_US" target="_self">English</a>
            <a href="${request.contextPath}/sy/logout" target="_self"><@spring.message code="index.out"/></a>
        </div>
    </div>
</header>
<!--end top-->

<div class="comment clearfix">
    <!--左侧-->
    <div class="kongQi_l">
        <!--空气温度+湿度-->
        <div class="kongQi_l_up">
            <!--温度-->
            <div class="kongQi_l_up_box">
                <div class="comment_title">
                    <h4><@spring.message code="jzny.kqwd"/></h4>

                </div>
                <div class="line"></div>
                <div class="comment_box">
                    <div id="main1" style="width: 100%;height: 100%">
                        <script type="text/javascript">


                            var listzhsj='${listzhsj}';
                           // var shuju=$.parseJSON(jsondata);
                            var zhsj=$.parseJSON(listzhsj);


                                    /*-----------------------------main-----------------------------*/
                                    var myChart1 = echarts.init(document.getElementById('main1'));

                                    //var data_val=[2220, 1682, 2791, 3000, 4090, 3230, 2910],
                                    var xdata=[];
                                    var ydata=[];
                                    var y2data=[22, 26, 30, 28, 19, 20, 22, 26, 16, 26];
                                    $.each(zhsj, function (index, item) {

                                        xdata.push(item.createdate);
                                        ydata.push(item.temp);

                                    });

                                    // 指定图表的配置项和数据
                                    option = {
                                        title: {
                                            textStyle: {
                                                fontWeight: 'normal',
                                                fontSize: 19,
                                                color: '#aaa'
                                            },
                                            left: '6%'
                                        },

                                        legend: {
                                            icon: 'rect',
                                            itemWidth: 14,
                                            itemHeight: 5,
                                            itemGap: 13,
                                            data: ['最新', '往年同期'],
                                            right: '4%',
                                            textStyle: {
                                                fontSize: 12,
                                                color: '#aaa'
                                            }
                                        },
                                        grid: {
                                            left: '3%',
                                            right: '4%',
                                            bottom: '10%',
                                            containLabel: true
                                        },
                                        xAxis: [{
                                            type: 'category',
                                            boundaryGap: false,
                                            axisLine: {
                                                lineStyle: {
                                                    color: '#ccc'
                                                }
                                            },
                                            data: xdata,
                                        }],
                                        yAxis: [{
                                            type: 'value',
                                            name: '单位（°C）',
                                            axisTick: {
                                                show: false
                                            },
                                            axisLine: {
                                                lineStyle: {
                                                    color: '#ccc'
                                                },

                                            },
                                            axisLabel: {
                                                margin: 10,
                                                textStyle: {
                                                    fontSize: 12
                                                }
                                            },
                                            splitLine: {
                                                lineStyle: {
                                                    color: '#57617B'
                                                }
                                            }
                                        }],
                                        series: [{
                                            name: '最新',
                                            type: 'line',
                                            smooth: true,
                                            symbol: 'circle',
                                            symbolSize: 5,
                                            showSymbol: false,
                                            lineStyle: {
                                                normal: {
                                                    width: 3
                                                }
                                            },
                                            areaStyle: {
                                                normal: {
                                                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                                        offset: 0,
                                                        color: 'rgba(16,97,204, 0.3)'
                                                    }, {
                                                        offset: 0.8,
                                                        color: 'rgba(17,235,210, 0)'
                                                    }], false),
                                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                                    shadowBlur: 10
                                                }
                                            },
                                            itemStyle: {
                                                normal: {

                                                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                                        offset: 0,
                                                        color: 'rgba(16,97,204,1)'
                                                    }, {
                                                        offset: 1,
                                                        color: 'rgba(17,235,210,1)'
                                                    }])
                                                },
                                                emphasis: {
                                                    color: 'rgb(0,196,132)',
                                                    borderColor: 'rgba(0,196,132,0.2)',
                                                    extraCssText: 'box-shadow: 8px 8px 8px rgba(0, 0, 0, 1);',
                                                    borderWidth: 10
                                                }
                                            },
                                            data: ydata,
                                        } ,{
                                            name: '往年同期',
                                            type: 'line',
                                            smooth: true,
                                            symbol: 'circle',
                                            symbolSize: 5,
                                            showSymbol: false,
                                            lineStyle: {
                                                normal: {
                                                    width: 3
                                                }
                                            },
                                            areaStyle: {
                                                normal: {
                                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                                        offset: 0,
                                                        color: 'rgba(205,52,42, 0.5)'
                                                    }, {
                                                        offset: 0.8,
                                                        color: 'rgba(235,235,21, 0)'
                                                    }], false),
                                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                                    shadowBlur: 10
                                                },
                                            },
                                            itemStyle: {
                                                normal: {

                                                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                                        offset: 0,
                                                        color: 'rgba(205,52,42,1)'
                                                    }, {
                                                        offset: 1,
                                                        color: 'rgba(235,235,21,1)'
                                                    }])
                                                },
                                                emphasis: {
                                                    color: 'rgb(99,250,235)',
                                                    borderColor: 'rgba(99,250,235,0.2)',
                                                    extraCssText: 'box-shadow: 8px 8px 8px rgba(0, 0, 0, 1);',
                                                    borderWidth: 10
                                                }
                                            },
                                            data: y2data
                                        }]
                                    };
                                    myChart1.setOption(option);


                        </script>
                    </div>
                </div>
            </div>

            <!--湿度-->
            <div class="kongQi_l_up_box">
                <div class="comment_title">
                    <h4><@spring.message code="jzny.kqsd"/>(%)</h4>
                </div>
                <div class="line"></div>
                <div class="comment_box">
                    <div id="main2" style="width: 100%;height: 100%">
                        <script type="text/javascript">
                            /*-----------------------------main-----------------------------*/
                            var myChart2 = echarts.init(document.getElementById('main2'));
                            // 指定图表的配置项和数据
                            //var data_val=[2220, 1682, 2791, 3000, 4090, 3230, 2910],
                            var data_val=[],
                            //xAxis_val=['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
                            xAxis_val=[];

                            $.each(zhsj, function (index, item) {

                                data_val.push(item.humidity);
                                xAxis_val.push(item.createdate);

                            });

                            var data_val1=[0,0,0,0,0,0,0];
                            var option = {
                                grid:{
                                    left:10,
                                    top:'10%',
                                    bottom:'15%',
                                    right:40,
                                    containLabel:true
                                },
                                tooltip:{
                                    show:true,
                                    backgroundColor:'#11a9cf',
                                    borderColor:'#11a9cf',
                                    borderWidth:1,
                                    formatter:'{b}:{c}',
                                    extraCssText:'box-shadow: 0 0 5px rgba(0, 0, 0, 1)'
                                },
                                legend:{
                                    right:0,
                                    top:0,
                                    data:[''],
                                    textStyle:{
                                        color :'#5c6076'
                                    }
                                },

                                xAxis: {
                                    data: xAxis_val,
                                    boundaryGap:false,
                                    axisLine:{
                                        show:false
                                    },
                                    axisLabel: {
                                        textStyle: {
                                            color: '#5c6076'
                                        }
                                    },
                                    axisTick:{
                                        show:false
                                    }
                                },
                                yAxis: {
                                    ayisLine:{
                                        show:false
                                    },
                                    axisLabel: {
                                        textStyle: {
                                            color: '#5c6076'
                                        }
                                    },
                                    splitLine:{
                                        show:true,
                                        lineStyle:{
                                            color:'#2e3547'
                                        }
                                    },
                                    axisLine: {
                                        lineStyle: {
                                            color: '#384157'
                                        }
                                    }
                                },

                                series: [
                                    {
                                        type: 'bar',
                                        name:'linedemo',


                                        tooltip:{
                                            show:false
                                        },
                                        animation:false,
                                        barWidth:1.4,
                                        hoverAnimation:false,
                                        data:data_val,
                                        itemStyle:{
                                            normal:{
                                                color:'#11a9cf',
                                                opacity:0.6,
                                                label:{
                                                    show:false
                                                }
                                            }
                                        }
                                    },
                                    {
                                        type: 'line',
                                        name:'距离',

                                        animation:false,
                                        symbol:'circle',

                                        hoverAnimation:false,
                                        data:data_val1,
                                        itemStyle:{
                                            normal:{
                                                color:'#11a9cf',
                                                opacity:0,
                                            }
                                        },
                                        lineStyle:{
                                            normal:{
                                                width:1,
                                                color:'#384157',
                                                opacity:1
                                            }
                                        }
                                    },
                                    {
                                        type: 'line',
                                        name:'linedemo',
                                        smooth:true,
                                        symbolSize:10,
                                        animation:false,
                                        lineWidth:1.2,
                                        hoverAnimation:false,
                                        data:data_val,
                                        symbol:'circle',
                                        itemStyle:{
                                            normal:{
                                                color:'#11a9cf',
                                                shadowBlur: 40,
                                                label:{
                                                    show:true,
                                                    position:'top',
                                                    textStyle:{
                                                        color:'#11a9cf',

                                                    }
                                                }
                                            }
                                        },
                                        areaStyle:{
                                            normal:{
                                                color:'#11a9cf',
                                                opacity:0.08
                                            }
                                        }

                                    }
                                ]
                            };

                            myChart2.setOption(option);
                        </script>
                    </div>
                </div>
            </div>

        </div>
        <!--降雨量-->
        <div class="kongQi_l_down">
            <div class="comment_title">
                <h4><@spring.message code="jzny.yl"/>(mm/min)</h4>
            </div>
            <div class="line"></div>
            <div class="comment_box">
                <div id="main3" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart3 = echarts.init(document.getElementById('main3'));
                        // 指定图表的配置项和数据
                        var colors = ['#5793f3', '#d14a61', '#675bba'];
                        var timeData = [];
                        var xData = [];
                        var yData = [];
                        $.each(zhsj, function (index, item) {

                            xData.push(item.humidity*1.5+360);
                            yData.push(0);
                            timeData.push(item.createdate.substring(8,10));

                        });
                        var option = {
                            color: ['#2adecf'],
                            textStyle: {
                                color: 'rgb(222,222,222)',
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['CO2浓度', '降雨量'],
                                textStyle: {
                                    color: '#ccc'
                                }
                            },
                            grid: {
                                left: '3%',
                                right: '3%',
                                bottom: '15%',
                                top: '15%',
                                containLabel: true
                            },
                            xAxis: [{
                                data: timeData,
                                axisLine: {
                                    show: true
                                },
                                splitLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                axisLabel: {
                                    interval: 0,
                                    rotate: 0
                                }
                            }],
                            yAxis: [{
                                type: 'value',
                                name: 'CO2浓度(ppm)',
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                splitLine: {
                                    show: false
                                },
                                axisLabel: {}
                            },
                                {
                                    type: 'value',
                                    name: '降雨量  ',
                                    axisLine: {
                                        show: false
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    splitLine: {
                                        show: false
                                    },
                                    axisLabel: {}
                                }
                            ],
                            series: [{
                                name: 'CO2浓度',
                                type: 'bar',
                                barWidth: '20%',
                                itemStyle: {
                                    normal: {
                                        barBorderRadius: [30, 30, 0, 0],
                                        color: new echarts.graphic.LinearGradient(
                                                0, 1, 0, 0, [{
                                                    offset: 0,
                                                    color: '#719aff'
                                                }, {
                                                    offset: 1,
                                                    color: '#51c3ff'
                                                }]
                                        )
                                    }
                                },
                                data: xData
                            }, {
                                name: '降雨量',
                                type: 'line',
                                yAxisIndex: 1,
                                itemStyle: {
                                    normal: {
                                        color: '#ffe898',
                                        barBorderRadius: [30, 30, 0, 0],
                                        lineStyle: {
                                            color: '#ffe898'
                                        },
                                    }
                                },
                                data: yData,
                                markLine: {
                                    symbol: 'none',
                                    itemStyle: {
                                        normal: {
                                            lineStyle: {
                                                type: 'dashed',
                                                color: 'red'
                                            },
                                            label: {
                                                show: true,
                                                position: 'left'
                                            }
                                        }
                                    },
                                    large: true,
                                    effect: {
                                        show: false,
                                        loop: true,
                                        period: 0,
                                        scaleSize: 2,
                                        color: null,
                                        shadowColor: null,
                                        shadowBlur: null
                                    },
                                    data: [
                                        [{
                                            name: '',
                                            xAxis: '',
                                            yAxis: ''
                                        },
                                            {
                                                name: '',
                                                xAxis: '',
                                                yAxis: ''
                                            }
                                        ]
                                    ]
                                }
                            }]
                        }






                        myChart3.setOption(option);
                    </script>
                </div>
            </div>
        </div>
    </div>
    <!--中间-->
    <div class="diTu_c">


        <!--就替换这部分就可以-->
        <div class="map">
            <div class="comment_title">
                <h4><@spring.message code="nydsj.ditu"/></h4>
            </div>
            <div class="line"></div>
            <div class="map_down">
                <#list lanlist as lands>
                    <div class="add_p" style="top:${lands.top!'50%'};left: ${lands.left!'50%'};" onclick="show('${lands.massifId}','${lands.userkey}')" >
                        <span></span><p>${lands.massifName}</p>
                    </div>
                </#list>
<!--                <div class="add_p" style="left: 60%;top: 30%;">-->
<!--                    <span></span><p>黑龙江</p>-->
<!--                </div>-->
                <div class="map_down_img">
                    <img src="${request.contextPath}/images/${address}.jpg">
                </div>
            </div>
        </div>
        <!--end  就替换这部分就可以-->


        <div class="diTu_c_down clearfix">
            <!--光照强度-->
            <div class="guangZhao b">
                <div class="comment_title">
                    <h4><@spring.message code="jzny.fs"/>(m/s)</h4>
                </div>
                <div class="comment_box">
                    <div id="main5" style="width: 100%;height: 100%">
                        <script type="text/javascript">
                            /*-----------------------------main-----------------------------*/
                            var myChart5 = echarts.init(document.getElementById('main5'));
                            // 指定图表的配置项和数据
                            //var xData = ['2019.1.2','2019.1.2','12:00-14:00','14:00-16:00','16:00-18:00'];
                            var xData = [];
                           // var yData = [80,87,51,81,23,45,33];
                            var yData = [];
                            $.each(zhsj, function (index, item) {

                                yData.push(item.windspeed);
                                xData.push(item.createdate);

                            });

                            option = {
                                color: ['#3398DB'],
                                tooltip: {
                                    trigger: 'axis',
                                    axisPointer: {
                                        type: 'line',
                                        lineStyle: {
                                            opacity: 0
                                        }
                                    },
                                    formatter: function(prams) {
                                        return "hPa：" + prams[0].data
                                    }
                                },
                                grid: {
                                    left: '0%',
                                    right: '0%',
                                    bottom: '15%',
                                    top: '7%',
                                    height: '75%',
                                    containLabel: true,
                                    z: 22
                                },
                                xAxis: [{
                                    type: 'category',
                                    gridIndex: 0,
                                    data: xData,
                                    axisTick: {
                                        alignWithLabel: true
                                    },
                                    axisLine: {
                                        lineStyle: {
                                            color: '#0c3b71'
                                        }
                                    },
                                    axisLabel: {
                                        show: true,
                                        color: 'rgb(170,170,170)',
                                        fontSize: 10
                                    }
                                }],
                                yAxis: [{
                                    type: 'value',
                                    gridIndex: 0,
                                    splitLine: {
                                        show: false
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLine: {
                                        lineStyle: {
                                            color: '#0c3b71'
                                        }
                                    },
                                    axisLabel: {
                                        color: 'rgb(170,170,170)',
                                        formatter: '{value}'
                                    }
                                },
                                    {
                                        type: 'value',
                                        gridIndex: 0,
                                        splitNumber: 12,
                                        splitLine: {
                                            show: false
                                        },
                                        axisLine: {
                                            show: false
                                        },
                                        axisTick: {
                                            show: false
                                        },
                                        axisLabel: {
                                            show: false
                                        },
                                        splitArea: {
                                            show: true,
                                            areaStyle: {
                                                color: ['rgba(250,250,250,0.0)', 'rgba(250,250,250,0.05)']
                                            }
                                        }
                                    }
                                ],
                                series: [{
                                    name: '办理数',
                                    type: 'bar',
                                    barWidth: '30%',
                                    xAxisIndex: 0,
                                    yAxisIndex: 0,
                                    label: {
                                        normal: {
                                            show: true,
                                            position: "top",
                                            textStyle: {
                                                color: "#ffc72b",
                                                fontSize: 16
                                            }
                                        }
                                    },
                                    itemStyle: {
                                        normal: {
                                            color: new echarts.graphic.LinearGradient(
                                                    0, 0, 0, 1, [{
                                                        offset: 0,
                                                        color: '#00feff'
                                                    },
                                                        {
                                                            offset: 0.5,
                                                            color: '#027eff'
                                                        },
                                                        {
                                                            offset: 1,
                                                            color: '#0286ff'
                                                        }
                                                    ]
                                            )
                                        }
                                    },
                                    data: yData,
                                    zlevel: 11

                                },
                                    {
                                        name: '背景',
                                        type: 'bar',
                                        barWidth: '50%',
                                        xAxisIndex: 0,
                                        yAxisIndex: 1,
                                        barGap: '-135%',
                                        data: [100, 100, 100, 100, 100, 100, 100],
                                        itemStyle: {
                                            normal: {
                                                color: 'rgba(255,255,255,0.1)'
                                            }
                                        },
                                        zlevel: 9
                                    },

                                ]
                            };






                            myChart5.setOption(option);
                        </script>
                    </div>
                </div>
            </div>

            <!--预警-->
            <div class="yuJing b">
                <div class="comment_title">
                    <h4><@spring.message code="nydsj.yjxx"/></h4>
                </div>
                <div class="comment_box">
                    <table class="table" id="yjxx">
                        <tr class="top">
                            <td><@spring.message code="nydsj.xx"/></td>
                            <td><@spring.message code="nydsj.dd"/></td>
                            <td><@spring.message code="nydsj.sj"/></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--右侧-->
    <div class="tuRang_r">
        <div class="tuRang_r_up clearfix">
            <!--风向-->
            <div class="feng_l a">
                <p><@spring.message code="nydsj.dqfxfl"/></p>
                <div class="m-9"><div class="masked1" id="fxfs">西北风 4~5级</div></div>
            </div>
            <!--风速-->
            <div class="feng_r a">
                <p><@spring.message code="nydsj.ph"/></p>
                <div class="m-9"><div class="masked1" id="ph" >7.5（弱碱）</div></div>
            </div>
        </div>
        <div class="tuRang_r_down">
            <!--气压-->
            <div class="tuRang_r_down_box_01">
                <div class="comment_title">
                    <h4><@spring.message code="jzny.qy"/>(hPa)</h4>
                </div>
                <div class="line"></div>
                <div class="comment_box_01">
                    <div id="main8" style="width: 100%;height: 100%">
                        <script type="text/javascript">

                            var xData = [];
                            var yData = [];
                            $.each(zhsj, function (index, item) {
                                yData.push(item.pressure);
                                xData.push(item.createdate);

                            });

                            /*-----------------------------main-----------------------------*/
                            var myChart8 = echarts.init(document.getElementById('main8'));
                            // 指定图表的配置项和数据

                            option = {
                                // backgroundColor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                //     offset: 0,
                                //     color: '#c86589'
                                // },
                                //     {
                                //         offset: 1,
                                //         color: '#06a7ff'
                                //     }
                                // ], false),
                                // title: {
                                //     text: "OCTOBER 2015",
                                //     left: "center",
                                //     bottom: "5%",
                                //     textStyle: {
                                //         color: "#fff",
                                //         fontSize: 16
                                //     }
                                // },
                                grid: {
                                    top: '20%',
                                    left: '10%',
                                    right: '10%',
                                    bottom: '15%',
                                    containLabel: true,
                                },
                                xAxis: {
                                    type: 'category',
                                    boundaryGap: false,
                                    data: xData,
                                    axisLabel: {
                                        margin: 30,
                                        color: '#ffffff63'
                                    },
                                    axisLine: {
                                        show: false
                                    },
                                    axisTick: {
                                        show: true,
                                        length: 25,
                                        lineStyle: {
                                            color: "#ffffff1f"
                                        }
                                    },
                                    splitLine: {
                                        show: true,
                                        lineStyle: {
                                            color: '#ffffff1f'
                                        }
                                    }
                                },
                                yAxis: [{
                                    type: 'value',
                                    position: 'right',
                                    axisLabel: {
                                        margin: 20,
                                        color: '#ffffff63'
                                    },

                                    axisTick: {
                                        show: true,
                                        length: 15,
                                        lineStyle: {
                                            color: "#ffffff1f",
                                        }
                                    },
                                    splitLine: {
                                        show: true,
                                        lineStyle: {
                                            color: '#ffffff1f'
                                        }
                                    },
                                    axisLine: {
                                        lineStyle: {
                                            color: '#fff',
                                            width: 2
                                        }
                                    }
                                }],
                                series: [{
                                    name: '注册总量',
                                    type: 'line',
                                    smooth: true, //是否平滑曲线显示
                                    showAllSymbol: true,
                                    symbol: 'circle',
                                    symbolSize: 6,
                                    lineStyle: {
                                        normal: {
                                            color: "#fff", // 线条颜色
                                        },
                                    },
                                    label: {
                                        show: true,
                                        position: 'top',
                                        textStyle: {
                                            color: '#fff',
                                        }
                                    },
                                    itemStyle: {
                                        color: "red",
                                        borderColor: "#fff",
                                        borderWidth: 3
                                    },
                                    tooltip: {
                                        show: false
                                    },
                                    areaStyle: {
                                        normal: {
                                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                                offset: 0,
                                                color: '#eb64fb'
                                            },
                                                {
                                                    offset: 1,
                                                    color: '#3fbbff0d'
                                                }
                                            ], false),
                                        }
                                    },
                                    data: yData
                                }]
                            };





                            myChart8.setOption(option);
                        </script>
                    </div>
                </div>
            </div>

            <!--土壤湿度-->
            <div class="tuRang_r_down_box_01">
                <div class="comment_title">
                    <h4><@spring.message code="jzny.trsd"/>(%)</h4>
                </div>
                <div class="line"></div>
                <div class="comment_box_01">
                    <div id="main10" style="width: 100%;height: 100%">
                        <script type="text/javascript">
                            $.ajax({ //一个Ajax过程
                                type: "post",  //以post方式与后台沟通
                                url: "sy/nydsj/trwdsd", //与此php页面沟通
                                dataType: 'json',//从php返回的值以 JSON方式 解释
                                success: function (json) {
                                    var jsonarray = $.parseJSON(json);
                                    //console.log(jsonarray);
                                    var timeData = [];
                                    var yData = [];
                                    $.each(jsonarray, function (index, item) {
                                        yData.push(item.trsd);
                                        //timeData.push(item.time.substring(8,10)+"时");
                                    });
                                    $.each(zhsj, function (index, item) {
                                        timeData.push(item.createdate.substring(5,10));
                                    });

                                    /*-----------------------------main-----------------------------*/
                                    var myChart10 = echarts.init(document.getElementById('main10'));
                                    // 指定图表的配置项和数据
                                    //对话框图片

                                    var datas =yData;
                                    option = {

                                        tooltip: {
                                            trigger: 'axis',
                                            axisPointer: {
                                                lineStyle: {
                                                    color: '#57617B'
                                                }
                                            }
                                        },
                                        legend: {
                                            icon: 'rect',
                                            itemWidth: 14,
                                            itemHeight: 5,
                                            itemGap: 13,
                                            data: ['党费'],
                                            right: '4%',
                                            textStyle: {
                                                fontSize: 12,
                                                color: '#F1F1F3'
                                            }
                                        },
                                        grid: {
                                            left: '1%',
                                            right: '2%',
                                            bottom: '8%',
                                            top:'14%',
                                            containLabel: true
                                        },
                                        xAxis: [{
                                            type: 'category',
                                            boundaryGap: false,
                                            axisLine: {
                                                lineStyle: {
                                                    color: '#ccc'
                                                }
                                            },
                                            data: timeData,
                                            axisLabel:{
                                                interval:0,
                                                rotate:50,
                                                textStyle:{
                                                    fontSize:12
                                                }
                                            },
                                        }],
                                        yAxis: [{
                                            type: 'value',
                                            interval: 20,
                                            max:100,
                                            axisTick: {
                                                show: false
                                            },
                                            axisLine: {
                                                lineStyle: {
                                                    color: '#ccc'
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    fontSize: 12
                                                }
                                            },
                                            splitLine: {
                                                lineStyle: {
                                                    color: '#57617B'
                                                }
                                            }
                                        }],
                                        series: [{

                                            type: 'line',
                                            smooth: true,
                                            lineStyle: {
                                                normal: {
                                                    width: 2
                                                }
                                            },
                                            areaStyle: {
                                                normal: {
                                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                                        offset: 0,
                                                        color: 'rgba(82, 191, 255, 0.3)'
                                                    }, {
                                                        offset: 0.8,
                                                        color: 'rgba(82, 191, 255, 0)'
                                                    }], false),
                                                    shadowColor: 'rgba(228, 139, 76, 0.1)',
                                                    shadowBlur: 10
                                                }
                                            },
                                            symbolSize:4,
                                            itemStyle: {
                                                normal: {
                                                    color: 'rgb(82, 191, 255)',
                                                    borderColor:'#e48b4c'
                                                },
                                            },
                                            data: datas,
                                        } ]
                                    };
                                    myChart10.setOption(option);
                                    window.onresize = function() {
                                        myChart1.resize();
                                        myChart2.resize();
                                        myChart3.resize();
                                        myChart4.resize();
                                        myChart5.resize();
                                        myChart8.resize();
                                        myChart10.resize();
                                    }

                                }
                            });

                        </script>
                    </div>
                </div>
            </div>


        </div>
    </div>


</div>
<!--nav-->
<div class="container">
    <section>
    <#if isAdmn == "TRUE">
        <button  onclick="shouye()"  class="btn btn-green btn-border-o "><@spring.message code="index.sy"/></button>
    </#if>
    <button onclick="nydsj()" class="btn btn-blue btn-border-o active2"><@spring.message code="index.sjjc"/></button>
    <button onclick="zlzs()" class="btn btn-purple btn-border-o "><@spring.message code="index.zlzs"/></button>
    <button onclick="zjzd()" class="btn btn-red  btn-border-o"><@spring.message code="index.zjzd"/></button>
    <button onclick="nybk()" class="btn btn-orange btn-border-o "><@spring.message code="index.nybk"/></button>

    </section>
</div>
<script type="text/javascript">

    $(".title").css("line-height",$(".title").height() + 'px')
    $(window).resize(function(){
        $(".title").css("line-height",$(".title").height() + 'px')
    })
    var locale="";
    window.onload = function(){
        var req = new XMLHttpRequest();
        req.open('GET', document.location, false);
        req.send(null);
        var headers = req.getAllResponseHeaders();
        locale=req.getResponseHeader('content-language');
        if(locale=="en-US"){
            locale="en_US";
        }else{
            locale="zh_CN";
        }
    }

    function zlzs(){
        window.location.href="${request.contextPath}/sy/zlzs/zlzsnew.html?locale="+locale;
    }
    function shouye(){
        window.location.href="${request.contextPath}/sy/index/indexnew.html?locale="+locale;
    }
    function zjzd(){
        window.location.href="${request.contextPath}/sy/zjwd/zjwdnew.html?locale="+locale;
    }
    function nybk(){
        window.location.href="${request.contextPath}/sy/nybk/nybknew.html?locale="+locale;
    }
    function nydsj(){
        window.location.href="${request.contextPath}/sy/nydsj/nydsjnew.html?locale="+locale;
    }
    /*function nydsj(address) {
        location.href = '${request.contextPath}/sy/nydsj/nydsjnew.html?address='+address+"&locale="+locale;
    }*/

    $.ajax({
        type: "post",
        dataType: "json",
        url: "sy/nydsj/bjxx",
        success: function (json) {
            var jsonarray = $.parseJSON(json);
            var str = "";
            for (var i = 0; i < jsonarray.length; i++) {
                str=" <tr class=\"list\">\n" +
                    "                            <td>温度" + jsonarray[i].situationValue + "℃</td>\n" +
                    "                            <td>" + jsonarray[i].region + "</td>\n" +
                    "                            <td>" + jsonarray[i].createDate + " </td>\n" +
                    "                        </tr>";
            }
            $("#fxfs").html(jsonarray[0].fx+" "+jsonarray[0].fl);
            $("table.table").append(str);

        },
        error: function () {
        }
    });

    $.ajax({
        type: "post",
       // dataType: "string",
        url: "sy/nydsj/trphznew",
        success: function (json) {
            $("#ph").html(json);
        },
        error: function () {
        }
    });

    function show(id,key) {

        if( key == "404"){
            alert("设备连接异常，请联系管理员检查线路！");
        }else{
            window.location.href = "${request.contextPath}/sy/wlwjd/qxdatanew.html?dkid=" + id+"&locale="+locale;
        }
    }

</script>


</body>
</html>
